<!-- 用户页面视图 - 展示用户相关信息和管理功能 -->
<template>
  <!-- 路由视图组件，用于渲染嵌套路由内容 -->
  <!-- 布局将由App.vue中的动态布局加载器提供 -->
  <router-view />
</template>

<script setup lang="ts">
// 页面布局已由路由元信息和App.vue中的动态布局加载器管理
// 此组件仅作为内容容器存在
</script>

<style scoped>
/* 用户页面内容样式 - 现在由动态布局管理 */
.user-content {
  /* 保持适当内边距 */
  padding: 20px;
  /* 确保宽度自适应父容器 */
  width: 100%;
  /* 确保高度自适应内容 */
  min-height: 100%;
  /* 使用与主布局协调的背景色 */
  background-color: transparent;
  /* 避免溢出 */
  box-sizing: border-box;
  /* 确保内容不被固定头部遮挡 */
  margin-top: 0;
}
</style>